<template>
  <transition name="fade" mode="out-in">
    <div class="toast" v-show="show">
      <div class="weui-mask_transparent"></div>
      <div class="weui-toast">
        <i class="weui-icon_toast weui-loading"></i>
        <p class="weui-toast__content">{{ message }}</p>
      </div>
    </div>
  </transition>
</template>

<script>
  export default {
    data() {
      return {
        show: false,
        message: ''
      }
    }
  }
</script>